﻿@model IEnumerable<WebVideo.EntityFAQ>
@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}
<script src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>

<script type="text/javascript">
    $(function () {
        $('.stdtable a.delete').click(function () {
            var c = confirm('Continue delete?');
            if (c) jQuery(this).parents('tr').fadeOut(function () {

                var id = $(this).closest('tr').find('td:eq(0)').text();
                var getURL = '@Url.Action("Delete", "FAQ")';

                $.get(getURL, { "id": id }, function (data) {
                    if (data == "error") //error
                    {
                        $('#nofError').show();
                        $('#nofSuccess').hide();
                        $('#msgNofError').text("Cannot Delete Record");
                    }
                    else {
                        jQuery(this).remove();
                        $('#nofError').hide();
                        $('#nofSuccess').show();
                        $('#msgNofSuccess').text("Delete Record Ok");
                    }
                });
            });
            return false;
        });
    });
</script>
<ul class="maintabmenu multipletabmenu">
    <li class="current"><a href="@Url.Action("Index", "FAQ")" >Index</a></li>
    <li class="current"><a href="@Url.Action("Insert", "FAQ")" >Insert</a></li>
</ul>
<!--maintabmenu-->
<div class="notification msgsuccess" style="display: none" id="nofSuccess">
    <a class="close"></a>
    <p id="msgNofSuccess">This is a success message.</p>
</div>
<!-- notification msgsuccess -->
<div class="notification msgerror" style="display: none" id="nofError">
    <a class="close"></a>
    <p id="msgNofError">This is an error message.</p>
</div>
<!-- notification msgerror -->
<div class="contenttitle">
    <h2 class="form"><span>List FAQ</span></h2>
</div>
<!--contenttitle-->
<table cellpadding="0" cellspacing="0" border="0" class="stdtable" id="dyntable">
    <colgroup>
        <col class="con0" />
        <col class="con1" />
        <col class="con0" />
        <col class="con1" />
        <col class="con0" />
        <col class="con1" />
    </colgroup>
    <thead>
        <tr>
            <th class="head0">ID</th>
            <th class="head1">Tiêu đề</th>
            <th class="head1">Mô tả</th>
            <th class="head1">Ngày đăng</th>
            <th class="head1"></th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th class="head0">ID</th>
            <th class="head1">Tiêu đề</th>
            <th class="head1">Mô tả</th>
            <th class="head1">Ngày đăng</th>
            <th class="head1"></th>
        </tr>
    </tfoot>
    <tbody>
        @{
            
            foreach (var item in Model)
            {
                
            <tr class="gradeX">
                <td>
                   @Html.DisplayFor(modelitem => item.Id)
                </td>
                <td>
                    @Html.DisplayFor(modelitem => item.Title)
                </td>
                <td>
                    @Html.Raw(item.Des)
                </td>
                <td>
                    @Html.DisplayFor(modelitem => item.Date)
                </td>
                
                 <td class ="eddelete">

                        @Html.ActionLink(" ","Edit", new { IdFAQ = @item.Id },new { @class = "edit",title="Edit" })
                        &nbsp;
                        <a href="#" class="delete" title="Delete" onclick='DeleteRecord("@item.Id")' ></a>
                    </td>
            </tr> 
            }                       
        }
    </tbody>
</table>

<script type="text/javascript"  src="@Url.Content("~/Content/cssAdmin/js/custom/tables.js")" ></script>
<script type="text/javascript"  src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery.dataTables.min.js")" ></script>